使用 HTML 图像映射,您可以在图像上创建可单击的区域。
图像映射标记定义了一个图像映射。图像映射是具有可单击区域的图像。区域由一个或多个标记定义。
尝试单击下图中的计算机、电话或咖啡杯:
实例以下是上面图像映射的 HTML 源代码:
亲自试一试 »它是如何工作的?
图像映射背后的想法是,您应该能够根据您在图像中单击的位置执行不同的操作。
要创建图像映射,您需要一个图像和一些描述可单击区域的 HTML 代码。
Image 图像使用 标记插入图像。与其他图像的唯一区别是必须添加 usemap 属性:
usemap 值以 # 标记开始,后跟图像映射的名称,用于在图像和图像映射之间创建关系。
提示: 您可以使用任何图像作为图像地图!
创建图像映射然后,添加 元素。
元素用于创建图像映射,并通过使用所需的 name 属性